<template>
  <div>
    <template v-for="(chart,index2) in group.charts">
        <onl-graphreport-auto-chart :propsChartData="chart" :key="index2" :style="{marginTop:(index2 === 0?'0px':'15px')}">
          <a-button type="primary" slot="extra_" href="#" class="ant-btn-background-ghost" @click="details(chart.head.code)">详情</a-button>
        </onl-graphreport-auto-chart>
    </template>
  </div>
</template>

<script>
import OnlGraphreportAutoChart from '../auto/OnlGraphreportAutoChart'
export default {
  name: 'GroupTemplateCard',
  components: {
    OnlGraphreportAutoChart
  },
  props: ['group'],
  data() {
    return {

    }
  },
  methods: {
    details(code) {
      this.$router.push({ path: '/online/cggraphreport/chart/' + code })
    }
  }
}
</script>
<style scoped>

</style>
